/*去掉浏览器默认样式：*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    background-image: url(../img/bingsea.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.container {
    height: 100%;
    width: 70%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 30px;
    overflow: auto;
}

.header {
    width: 100%;
    height: 50px;
    padding-left: 80px;
}

input, button {
    border: none; /*无边框样式；元素的总宽度和高度包括边框的宽度 */
    outline: none; /*无轮廓样式；轮廓是在元素周围绘制的一条线，在边框之外并且可能与其他内容重叠，以凸显元素，元素的总宽度和高度不受轮廓线宽度的影响。*/
}

.header > input {
    width: 80%;
    height: 45px;
    border-radius: 19px 0 0 19px;
    font-size: 18px;
    line-height: 30px;
    padding-left: 15px;
    /*61, 179, 232 4,164,238*/
    border: 3px solid rgb(61, 179, 232);
    background: transparent; /*背景透明*/
    float: left;
}

.header > button {
    font-size: 18px;
    width: 13%;
    height: 45px;
    border-radius: 0 19px 19px 0;
    /*225, 102, 110 4, 164, 238*/
    background: rgb(4, 164, 238);
}

.header > button:active {
    /*225, 102, 110 42, 172, 138*/
    background-color: rgb(42, 172, 138);
}

.item {
    width: 100%;
}

.item a {
    margin-top: 25px;
    display: block;
    height: 40px;
    font-size: 20px;
    font-weight: 550;
    color: rgb(52, 108, 156);
}

.item .desc {
    margin-top: 12px;
    font-size: 18px;
}

.item .url {
    margin-top: 12px;
    font-size: 18px;
    color: rgb(0, 128, 0);
}

.item .desc i{
    color: red;
    font-style: normal;
}

.result .count{
    color: grey;
    margin-top: 20px;
}